<!doctype html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"/>
    <meta name="description" content="">
    <meta name="author" content="">
    <title>喂呀-登录</title>
    <link rel="stylesheet" th:href="@{/static/lib/bootstrap-3.3.7-dist/css/bootstrap.min.css}"/>
    <link rel="stylesheet" th:href="@{/static/lib/font-awesome-4.7.0/css/font-awesome.min.css}">
    <link rel="stylesheet" th:href="@{/static/weiya/css/login.css}"/>
    <link rel="stylesheet" th:href="@{/static/lib/validate/css/validate.css}"/>
    <script th:src="@{/static/lib/jquery/jquery.min.js}"></script>
    <script th:src="@{/static/lib/bootstrap-3.3.7-dist/js/bootstrap.min.js}"></script>
    <script th:src="@{/static/lib/validate/js/validate.js}"></script>
    <script th:src="@{/static/lib/jquery/jquery.form.js}"></script>
    <script th:src="@{/static/lib/layer/layer.js}"></script>
    <!--[if lt IE 9]>
    <script th:src="@{/static/lib/jquery/html5shiv.min.js}"></script>
    <script th:src="@{/static/lib/jquery/respond.min.js}"></script>
    <![endif]-->

</head>

<body>
<div class="loginBox">
    <form id="loginForm" th:action="@{/login}">
        <div class="logo"></div>
        <div class="input-group">
            <p class="input-group-addon"><i class="fa fa-user-o"></i></p>
            <input type="text" class="form-control" id="username" name="username" max="14" min="3" require="必填项" placeholder="邮箱/手机号登录">
        </div>
        <div class="input-group">
            <p class="input-group-addon"><i class="fa fa-lock"> </i></p>
            <input type="password" class="form-control" require="必填项" nochinese="密码不能包括中文" id="password" name="password" placeholder="请输入密码">
        </div>
        <div class="input-group verification">
            <input type="text" class="form-control" id="code" name="verification" require="必填项" placeholder="输入验证码">
            <div class="input-group-addon veri-code">
                <img id="verificationCode" class="verificationCode" src="/captchaCode" alt="验证码" value=""/>
            </div>
        </div>
        <div style="margin: 0px 2em;">
            <button type="button" id="loginBtn" class="btn btn-default btn-block loginBtn">登录</button>
        </div>
        <div class="change-type">
            <label>
                <input type="checkbox" id="rememberMe" name="rememberMe" checked value="1"> <i style="color: #fff;">记住我</i>
            </label>
        </div>
        <div class="change-type">
            <a th:href="@{/register}"><span class="register-now">没有账号？立即注册</span></a>
            <a href="#"><span class="forget">忘记密码？</span></a>
        </div>
        <div style="clear: both;"></div>
        <div class="other-type">
            <span class="other-typea"></span>
            <span class="other-typeb">使用第三方账号登录</span>
            <span class="other-typec"></span>
        </div>
        <div class="other-type">
            <a class="third-qq" href="#"><i class="fa fa-qq" title="QQ"></i> </a>
            <a class="third-weixin" href="#"><i class="fa fa-weixin" title="微信"></i></a>
            <a class="third-weibo" href="#"><i class="fa fa-weibo" title="新浪微博" style="margin-right: 0px;"></i></a>
        </div>
    </form>
</div>

<script th:src="@{/static/weiya/js/login.js}"></script>

</body>
</html>